<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Popup</title>
        <style>
            /* 设置弹出页面的大小 */
            body {
                width: 500px;
                height: 300px;
                padding: 10px;
            }
            .btn-grounp {
                margin-top: 0.5rem;
                margin-bottom: 0.5rem;
            }
            /* Custom CSS to gray out read-only inputs */
            input[readonly], textarea[readonly] {
                background-color: #f8f9fa; /* 设置灰色背景色 */
                color: #6c757d; /* 设置灰色文本颜色 */
            }
        </style>
        <link href="../style/bootstrap.min.css" rel="stylesheet" />
        <script src="../scripts/settings.js"></script>
        <script src="../scripts/jquery-3.5.1.js"></script>
        <script src="../scripts/bootstrap.min.js"></script>
        <script src="../scripts/popper.min.js"></script>
    </head>
    <!--"default_popup": "popup/popup.html",  --> 
    <body>
        <!-- 弹出页面内容 -->
        <div class="container">
            <form id="mainform" name="mainform">
                <div class="row mb-3">
                    <div class="col">
                        <!-- <label class="label_items">商品名称：</label> -->
                        <input type="text" name="name" id="item_name" value="" class="form-control" placeholder="商品名称："/>
                    </div>
        
                    <div class="col">
                        <!-- <label class="label_items">品类：</label> -->
                        <input type="text" name="style" id="item_style" value="" class="form-control" placeholder="品类"/>
                    </div>
                </div>
                <div class="row mb-3">
                    <div class="col">
                        <!-- <label class="label_items">销量：</label> -->
                        <input type="text" name="saleDesc" id="item_saleDesc" value="" class="form-control" placeholder="销量"/>
                    </div>
        
                    <div class="col">
                        <!-- <label class="label_items">年份：</label> -->
                        <input type="text" name="saleYear" id="item_saleYear" value="" class="form-control" placeholder="年份"/>
                    </div>
                </div>
                <div class="row mb-3">
                    <div class="col">
                        <input type="text" name="season" id="item_seasonDesc" value="" placeholder="季节" class="form-control"/>
                    </div>
        
                    <div class="col">
                        <input type="text" name="price" id="item_price" value="" placeholder="售价" class="form-control"/>
                    </div>
                </div>
                <div class="row mb-3">
                    <div class="col">
                        <input type="text" name="link" id="item_link" class="form-control" placeholder="链接" readonly/>
                    </div>
        
                    <div class="col">
                        <input type="text" name="dutyUser" id="item_user" value="" class="form-control" placeholder="找款人"/>
                    </div>
                </div>
                <div class="row mb-3">
                    <div class="col">
                        <input type="text" name="shop" id="item_shop" value="" class="form-control" placeholder="店铺名称"/>
                    </div>
                    <div class="col">
                        <input type="text" name="searchTime" id="item_searchTime" value="" class="form-control" placeholder="找款时间" readonly/>
                    </div>
                </div>
                <div class="row mb-3">
                    <div class="col">
                        <input type="hidden" name="platform" id="item_platform" value=""/>
                        <input type="hidden" name="pictureUrl" id="item_pic_url" value=""/>
                        <img src="../images/logoError.png" οnerrοr="javascript:this.src='../images/logoError.png';" id="item_pic" class="img-fluid" width="125" height="100" />
                    </div>
                </div>
                <div class="row mb-3">
                    <div class="col">
                        <textarea cols="30" rows="5" name="base" id="item_base" class="form-control" placeholder="基本参数" readonly></textarea>
                    </div>
                </div>
                <div class="btn-grounp">
                    <button type="submit" class="btn btn-primary" id="btn-submit">导入信息</button>
                    <button id="getinfo" class="btn btn-primary">获取商品信息</button>
                </div>
            </form>
        </div>
        <!-- 提示信息 -->
        <div class="modal fade" id="myModal" role="dialog">
            <div class="modal-dialog modal-sm">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title">提示信息</h4>
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                    </div>
                    <div class="modal-body">
                        <p id="modal-message">未识别到找样人，是否登录中台系统？</p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" id="jumpToScm">前往登录</button>
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                    </div>
                </div>
            </div>
        </div>
        <div id="liveAlertPlaceholder"></div>
    </body>
    <script type="text/javascript" src="popup.js"></script>
</html>